<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>妈妈杯数学建模-赛题与获奖名单通知</title>
</head>
<body>
<h1>MathorCup高校数学建模挑战赛-赛题与评奖</h1>
<ul id="articles-list"></ul>

<script>
  fetch('http://localhost:5002/api/articles')
          .then(response => response.json())
          .then(data => {
            const articlesList = document.getElementById('articles-list');
            data.articles.forEach(article => {
              const listItem = document.createElement('li');
              const link = document.createElement('a');
              link.textContent = article.title;
              link.href = 'http://www.mathorcup.org' + article.link;
              listItem.appendChild(link);
              articlesList.appendChild(listItem);
            });
          })
          .catch(error => console.error(error));
</script>
</body>
</html>
